<%@page import="util.enviaEmail"%>
<%@page import="dao.cidadeDao"%><%@
page import="bean.cidadeBean"%><%@
page import="java.util.List"%><%@
page import="dao.clienteDao"%><%@
page import="conexao.Conexao"%><%@
page import="java.sql.Connection"%><%@
page import="bean.clienteBean"%><%@
page language="java" contentType="text/html; charset=UTF-8" 
	pageEncoding="UTF-8"%><%

	clienteBean id = new clienteBean();
	id.setId(Integer.parseInt(request.getParameter("id")));
	
	Connection conn = null;
	try {
		conn = new Conexao().getConexao();
	} catch (Exception e) {
		new enviaEmail().enviar(e);
		out.print("falhaConexao");
		return;
	}
	clienteBean cliente = new clienteDao().getcliente(conn, id);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#divAlteraUsuario select {
	width: 170px;
	height: 25px;
}
</style>
<script>
$(function(){

	$("#alteraCPF").mask("999/999/999-99");
	$("#alteraCNPJ").mask("99.999.999/9999-99");
	$("#alteraTelefone").mask("(99)9999-9999");
	$("#alteraCelular").mask("(99)9999-9999");

	$("#alteraCPF").blur(function() {
		if ($(this).val() == "___/___/___-__") {
			$(this).val("");
		}
	});

	$("#alteraCNPJ").blur(function() {
		if ($(this).val() == "__.___.___/____-__") {
			$(this).val("");
		}
	});

	$("#alteraTelefone, #alteraCelular").blur(function() {
		if ($(this).val() == "(__)____-____") {
			$(this).val("");
		}
	});
	
	$("#imgConfigurarCidade").click(function(){

		$.ajax({
			url:"cidades.jsp",
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
				$("#dialogCarregando").dialog("open");
			},
			success : function(html) {
				$("#dialogConfigurarCidades").html(html);
				$("#dialogConfigurarCidades").dialog("open");
				window.document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
			},
			error:function(){
				$("#dialogConfigurarCidades").html("");
				$("#dialogConfigurarCidades").dialog("close");
				window.document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
			}
		});
		
	});
	
	$("#dialogConfigurarCidades").dialog({
		resizable : false,
		autoOpen : false,
		height : 'auto',
		width : 'auto',
		buttons : {
			"Fechar":function(){
				$(this).dialog("close");
			}
		},
		close : function() {
			$(this).html("");
		}
	});
	
	$("#btnSalvarAlteracaoCliente").button().click(function() {
		var form = $("#formAlterarCliente").serialize();
		$.ajax({
			url:"alterarClienteServlet",
			data: form,
			beforeSend:function(){
				$("#mensagemAlterarCliente").html("Alterando...");
			},
			success:function(html){
				if(html == ""){
					$.ajax({
						url:"ajax/atualizaTabelaCliente.jsp",
						success:function(html){
							$("#divTabelaClientes").html(html);
							$("#dialogAlterarCliente").dialog("close");
						},
						error:function(){
							$("#mensagemAlterarCliente").html("Erro de conexão!");
						}
					});
				}else{
					$("#mensagemAlterarCliente").html(html);
				}
			},
			error:function(){
				$("#mensagemAlterarCliente").html("Erro de conexão!");
			}
		});
		return false;
	});
	
	$("#btnCancelarAlteracaoCliente").button().click(function(){
		$("#dialogAlterarCliente").dialog("close");
		return false;
	});
	
});
</script>
</head>
<body>
	<div id="divAlteraUsuario">
		<p id="mensagemAlterarCliente">Alterar dados.</p>
		<form id="formAlterarCliente" class="form">
		<table border="0" cellpadding="2" cellspacing="1">
			<tr>
				<td colspan="2">Nome do cliente<br /> <input type="text"
					id="alteraNome" name="alteraNome" value="<%=cliente.getNome()%>"
					class="text ui-widget-content ui-corner-all" size="66">
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<table>
						<tr>
							<td>CPF<br /> <input type="text" id="alteraCPF" value="<%=cliente.getCpf()%>"
								name="alteraCPF" class="text ui-widget-content ui-corner-all"
								size="30"></td>
							<td>CNPJ<br /> <input type="text" id="alteraCNPJ" value="<%=cliente.getCnpj()%>"
								name="alteraCNPJ" class="text ui-widget-content ui-corner-all"
								size="30"></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<table>
						<tr>
							<td>Endereço<br /> <input type="text" id="alteraEndereco"
								name="alteraEndereco" value="<%=cliente.getEndereco()%>"
								class="text ui-widget-content ui-corner-all" size="55">
							</td>
							<td>Nº<br /> <input type="text" id="alteraNumero" maxlength="5"
								name="alteraNumero" value="<%=cliente.getNumero()%>"
								class="text ui-widget-content ui-corner-all" size="5"></td>
						</tr>
					</table></td>
			</tr>
			<tr>
				<td>Bairro<br /> <input type="text" id="alteraBairro" value="<%=cliente.getBairro()%>"
					name="alteraBairro" class="text ui-widget-content ui-corner-all">
				</td>
				<td>Cidade<br /> <select id="selCidade" style="height: 25px; width: 180px;"
					name="selCidade">
					<%	
					cidadeBean cidade = new cidadeBean();
					cidade.setIdEmpresa((Integer) session.getAttribute("idempresa"));
					List<cidadeBean> cidades = new cidadeDao().getLista(conn, cidade);
					for(int i=0; i<cidades.size(); i++){
					%>
					<option value="<%=cidades.get(i).getId()%>" <%if(cidades.get(i).getId() == cliente.getIdCidade()){%> selected="selected" <%}%>><%=cidades.get(i).getNome()%></option>
					<%} %>
					</select>
					<img id="imgConfigurarCidade" src="imagens/settings.png" height="20px" width="20px" title="Configurar cidades" style="cursor: pointer;">
				</td>
			</tr>
			<tr>
				<td>Telefone<br /> <input type="text" id="alteraTelefone"
					name="alteraTelefone" value="<%=cliente.getTelefone()%>"
					class="text ui-widget-content ui-corner-all">
				</td>
				<td>Celular<br /> <input type="text" id="alteraCelular" value="<%=cliente.getCelular()%>"
					name="alteraCelular" class="text ui-widget-content ui-corner-all">
				</td>
			</tr>
		</table>
		<input type="hidden" id="idFuncionario" name="idFuncionario"
			value="<%=session.getAttribute("id")%>">
			<input type="hidden" id="alteraIdCliente" name="alteraIdCliente" value="<%=cliente.getId()%>">
		<hr/>
		<div align="right">
		<button id="btnSalvarAlteracaoCliente">Salvar Alteração</button>
		<button id="btnCancelarAlteracaoCliente">Cancelar</button>
		</div>
	</form>
	</div>
	<%conn.close(); %>
</body>
</html>